<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>智慧通航地面服务平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->

    <style type="text/css">
        .width50{
            width: 50px;
        }
        canvas#canvas4 {
            position: relative;
            top: 20px;
        }

        .side-bar .el-menu{
            background: rgba(0,0,0,0.1);
        }
        .el-menu-top.el-menu{
            background: rgba(0,0,0,0);
        }
        .side-bar .el-menu-vertical-demo{
            margin:9px;
        }

        .side-bar .el-menu a {
            color: #FFFFFF !important;
            display:inline-block;
            font-size: 13px;
            line-height: 25px;
            list-style: none outside none;
            padding: 10px 10px 10px 0px;
            text-decoration: none;
            text-transform: capitalize;
        }
        .side-bar .el-submenu__icon-arrow.el-icon-arrow-down{
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -7px;
            transition: transform .3s;
            font-size: 12px;
            color: rgba(0,0,0,0);
        }
        .side-bar .el-menu-item.is-active {
            background: rgba(0,0,0,0.18);
            color: #fff
        }
        .left-extend{
            margin-left:70px;
        }
        .left-no-extend{
            width:auto;
            margin-left:250px
        }
        .side-bar .el-menu--collapse .el-menu-item{
            background: rgba(0,0,0,0.6);
        }
        ::-webkit-scrollbar {
            width: 0px; /*对垂直流动条有效*/

        }

    </style>



    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="${mvcPath}/res/assets/ico/minus.png">
</head>

<body >


<div  id = "app">
    <div class="side-bar" style="margin-top:10px; ">
        <el-menu class="el-menu-top" mode="horizontal" >
            <el-menu-item index="1">处理中心</el-menu-item>
            <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                <li>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <img alt="" class="admin-pic img-circle" src="${mvcPath}/icon/10.jpg">
                    </a>
                </li>
                <li style="margin-top:14px;width:100px;" >
                    <kf-user-profile username="${userInfo.userCnName}" :context-path="contextPath" :circle="false" :slice-length="0"></kf-user-profile>
                </li>
                <li>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="icon-gear"></span>&#160;&#160;背景</a>
                    <ul role="menu" class="dropdown-setting dropdown-menu">

                        <li class="theme-bg">
                            <div id="button-bg"></div>
                            <div id="button-bg2"></div>
                            <div id="button-bg3"></div>
                            <div id="button-bg5"></div>
                            <div id="button-bg6"></div>
                            <div id="button-bg7"></div>
                            <div id="button-bg8"></div>
                            <div id="button-bg9"></div>
                            <div id="button-bg10"></div>
                            <div id="button-bg11"></div>
                            <div id="button-bg12"></div>
                            <div id="button-bg13"></div>
                        </li>
                    </ul>
                </li>

            </ul>
        </el-menu>
    </div>
    <#--<nav role="navigation"  class="navbar navbar-static-top">-->
        <#--<div class="container-fluid">-->
            <#--<!-- Brand and toggle get grouped for better mobile display &ndash;&gt;-->
            <#--<div class="navbar-header">-->
                <#--<button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">-->
                    <#--<span class="entypo-menu"></span>-->
                <#--</button>-->
                <#--<button class="navbar-toggle toggle-menu-mobile toggle-left" type="button">-->
                    <#--<span class="entypo-list-add"></span>-->
                <#--</button>-->

                <#--<div id="logo-mobile" class="visible-xs">-->
                    <#--<h1>智慧通航地面服务平台<span>v1.2</span></h1>-->
                <#--</div>-->
            <#--</div>-->

            <#--<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">-->
                <#--<ul style="margin-right:0;" class="nav navbar-nav navbar-right">-->
                    <#--<li>-->
                        <#--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
                            <#--<img alt="" class="admin-pic img-circle" src="${mvcPath}/icon/10.jpg">-->
                        <#--</a>-->
                    <#--</li>-->
                    <#--<li style="margin-top:14px;width:100px;" >-->
                        <#--<kf-user-profile username="${userInfo.userCnName}" :context-path="contextPath" :circle="false" :slice-length="0"></kf-user-profile>-->
                    <#--</li>-->
                    <#--<li>-->
                        <#--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
                            <#--<span class="icon-gear"></span>&#160;&#160;背景</a>-->
                        <#--<ul role="menu" class="dropdown-setting dropdown-menu">-->

                            <#--<li class="theme-bg">-->
                                <#--<div id="button-bg"></div>-->
                                <#--<div id="button-bg2"></div>-->
                                <#--<div id="button-bg3"></div>-->
                                <#--<div id="button-bg5"></div>-->
                                <#--<div id="button-bg6"></div>-->
                                <#--<div id="button-bg7"></div>-->
                                <#--<div id="button-bg8"></div>-->
                                <#--<div id="button-bg9"></div>-->
                                <#--<div id="button-bg10"></div>-->
                                <#--<div id="button-bg11"></div>-->
                                <#--<div id="button-bg12"></div>-->
                                <#--<div id="button-bg13"></div>-->
                            <#--</li>-->
                        <#--</ul>-->
                    <#--</li>-->

                <#--</ul>-->

            <#--</div>-->
            <#--<!-- /.navbar-collapse &ndash;&gt;-->
        <#--</div>-->
        <#--<!-- /.container-fluid &ndash;&gt;-->
    <#--</nav>-->

    <!-- /END OF TOP NAVBAR -->

    <!-- SIDE MENU -->
    <div >
        <template>
            <div id="skin-select"  style="height: 0px">
                <div id="logo">
                    <h1>智慧通航<span>v1.0</span></h1>
                </div>

                <a id="toggle" @click="leftExtend=!leftExtend">
                    <span class="entypo-menu"></span>
                </a>

                <div class="skin-part" v-bind:class="{ width50: leftExtend }">
                    <div id="tree-wrap">
                        <div class="side-bar">
                            <el-menu :unique-opened="true" class="el-menu-vertical-demo" :collapse="leftExtend" ref = "menu1">
                            <el-submenu index="1" v-if="rights.indexOf('预约管理'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <li>
                                            <a class="tooltip-tip ajax-load" href="#" title="预约管理">
                                                <i class="fontawesome-time"></i>
                                                <span>预约管理</span>
                                            </a>
                                        </li>
                                    </template>
                                    <el-menu-item index="1-1">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/appointment/enter" title="预约录入"><i class="entypo-feather"></i><span>预约录入</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="1-2">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/appointment/examine" title="预约审核"><i class="entypo-back-in-time"></i><span>预约审核</span></a>
                                        </li>
                                    </el-menu-item>
                            </el-submenu >
                            <el-submenu index="2" v-if="rights.indexOf('接待服务'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <li>
                                            <a class="tooltip-tip ajax-load" href="#" title="接待服务">
                                                <i class="fontawesome-coffee"></i>
                                                <span>接待服务</span>
                                            </a>
                                        </li>
                                    </template>
                                    <el-menu-item  index="2-1">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/vehicle/vehicleBase/" title="车辆管理"><i class="maki-bus"></i><span>车辆管理</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="2-2">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/sigin/sigin/" title="签入"><i class="fontawesome-tag"></i><span>签入</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="2-3">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/sigin/signInManager/" title="签入管理"><i class="fontawesome-tags"></i><span>签入管理</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="2-4">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/sigin/serviceStatus/" title="服务动态"><i class="entypo-bookmarks"></i><span>服务动态</span></a>
                                        </li>
                                    </el-menu-item>
                                </el-submenu >
                            <el-submenu index="3" v-if="rights.indexOf('航班计划'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <li>
                                            <a class="tooltip-tip ajax-load" href="#" title="航班计划">
                                                <i class="entypo-pencil"></i>
                                                <span>航班计划</span>
                                            </a>
                                        </li>
                                    </template>
                                    <el-menu-item index="3-1">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/flightPlanes/mediumAndLongs" title="中长期航班计划"><i class=""><img src="/dam/icon/longPlane.svg" style="width: 18px;"></i><span>中长期航班计划</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item  index="3-2" >
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/flightPlane/query/normal" title="短期航班计划"><i class=""><img src="/dam/icon/shortPlane.svg" style="width: 18px;"></i><span>短期航班计划</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item  index="3-3">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/flightPlane/query/today" title="今日航班计划"><i class=""><img src="/dam/icon/todayPlane.svg" style="width: 18px;"></i><span>今日航班计划</span></a>
                                        </li>
                                    </el-menu-item >
                                    <el-menu-item  index="3-4">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/flightPlane/gante" title="航班甘特图"><i class=""><img src="/dam/icon/gante.svg" style="width: 18px;"></i><span>航班甘特图</span></a>
                                        </li>
                                    </el-menu-item>
                                </el-submenu >
                            <el-submenu index="4" v-if="rights.indexOf('航班规划'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <li>
                                            <a class="tooltip-tip ajax-load" href="#" title="航班规划">
                                                <i class=""><img src="/dam/icon/project.svg" style="height:20px"></i>
                                                <span>航班规划</span>
                                            </a>
                                        </li>
                                    </template>

                                    <el-menu-item  index="4-1">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/planeProject/flyRequest" title="执飞申请"><i class=""><img src="/dam/icon/request.svg" style="height:16px" /></i><span>执飞申请</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="4-2">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/planeProject/query" title="执飞管理"><i class=""><img src="/dam/icon/manager.svg" style="height:16px" /></i><span>执飞管理</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="4-3">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/aircraftPreloading/aircraftPreloadingBasic" title="飞机配载"><i class=""><img src="/dam/icon/manager.svg" style="height:16px" /></i><span>飞机配载</span></a>
                                        </li>
                                    </el-menu-item>
                                </el-submenu >
                            <el-submenu index="5" v-if="rights.indexOf('地面保障'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <li>
                                            <a class="tooltip-tip ajax-load" href="#" title="地面保障">
                                                <i class=""><img src="/dam/icon/groundService.svg" style="height:26px"></i>
                                                <span>地面保障</span>
                                            </a>
                                        </li>
                                    </template>

                                    <el-menu-item index="5-1">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/groundServiceScheduling/query/" title="地服人员安排"><i class="entypo-doc-text"></i><span>地服人员安排</span></a>
                                        </li>
                                    </el-menu-item>
                                <el-menu-item index="5-2">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/groundServiceScheduling/scheduleTable/" title="地服排班表"><i class="entypo-doc-text"></i><span>地服排班表</span></a>
                                        </li>
                                </el-menu-item>
                                <el-menu-item index="5-3">
                                    <li>

                                        <a class="tooltip-tip2 ajax-load" href="${mvcPath}/ftl/fbo/show#/groundServiceScheduling/serviceBill" title="我的任务"><i class="entypo-doc-text"></i><span>我的任务</span></a>
                                    </li>
                                </el-menu-item>
                                <el-menu-item index="5-4">
                                    <li>
                                        <a class="tooltip-tip2 ajax-load" href="#/modules/groundServiceScheduling/duty" title="日值班表"><i class="entypo-doc-text"></i><span>日值班表</span></a>
                                    </li>
                                </el-menu-item>
                                    <el-menu-item index="5-5">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/groundServiceScheduling/dutyOfWeek" title="周值班表"><i class="entypo-doc-text"></i><span>周值班表</span></a>
                                        </li>
                                    </el-menu-item>
                                <el-menu-item index="5-6">
                                    <li>
                                        <a class="tooltip-tip2 ajax-load" href="#/vehicle/airSecurityVehicle/" title="地面保障车辆"><i class="entypo-doc-text"></i><span>地面保障车辆</span></a>
                                    </li>
                                </el-menu-item>
                                </el-submenu >
                                <el-submenu index="6" v-if="rights.indexOf('维护保养'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <li>
                                            <a class="tooltip-tip ajax-load" href="#" title="维护保养">
                                                <i class=""><img src="/dam/icon/groundService.svg" style="height:26px"></i>
                                                <span>维护保养</span>
                                            </a>
                                        </li>
                                    </template>
                                    <el-menu-item index="6-1">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/maintenanceAndMaintenance/equipment/" title="设备管理"><i class="entypo-doc-text"></i><span>设备维养计划配置</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="6-1">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/maintenanceAndMaintenance/flight/" title="航空器管理"><i class="entypo-doc-text"></i><span>航空器维养计划配置</span></a>
                                        </li>
                                    </el-menu-item>

                                    <el-menu-item index="6-3">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/maintenanceAndMaintenance/maintenancePlan/" title="保养计划"><i class="entypo-doc-text"></i><span>保养计划</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="6-4">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/maintenanceAndMaintenance/maintenceRecord/" title="保养记录"><i class="entypo-doc-text"></i><span>保养记录</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="6-5">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/maintenanceAndMaintenance/repairPlan/" title="维修计划"><i class="entypo-doc-text"></i><span>维修计划</span></a>
                                        </li>
                                    </el-menu-item>


                                </el-submenu >

                                <el-submenu index="7" v-if="rights.indexOf('备品备件'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <li>
                                            <a class="tooltip-tip ajax-load" href="#" title="备品备件">
                                                <i class=""><img src="/dam/icon/groundService.svg" style="height:26px"></i>
                                                <span>备品备件</span>
                                            </a>
                                        </li>
                                    </template>
                                    <el-menu-item index="7-1">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/inventoryManagement/inventoryBasic/" title="商品库存"><i class="entypo-doc-text"></i><span>商品库存</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="7-2">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/inventoryManagement/stockInRecord/" title="入库记录"><i class="entypo-doc-text"></i><span>入库记录</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="7-3">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/inventoryManagement/supplierMgr/" title="供货商管理"><i class="entypo-doc-text"></i><span>供货商管理</span></a>
                                        </li>
                                    </el-menu-item>
                                </el-submenu>
                                    <el-submenu index="8" v-if="rights.indexOf('采购管理'.hashCode().toString())!=-1||!rights.init">
                                        <template slot="title">
                                        <a class="tooltip-tip ajax-load" href="#" title="采购管理">
                                            <i class="icon-document-edit"></i>
                                            <span>采购管理</span>
                                        </a>
                                        </template>
                                        <el-menu-item index="8-1">
                                            <li>
                                                <a class="tooltip-tip2 ajax-load" href="#/purchaseMgr/purchasePlan/" title="采购计划"><i class="entypo-doc-text"></i><span>采购计划</span></a>
                                            </li>
                                        </el-menu-item>
                                        <el-menu-item index="8-2">
                                            <li>
                                                <a class="tooltip-tip2 ajax-load" href="#/purchaseMgr/purchaseOrder/" title="采购订单"><i class="entypo-doc-text"></i><span>采购订单</span></a>
                                            </li>
                                        </el-menu-item>
                                        <el-menu-item index="8-3">
                                            <li>
                                                <a class="tooltip-tip2 ajax-load" href="#/purchaseMgr/purchaseOrderList/" title="订单列表"><i class="entypo-doc-text"></i><span>订单列表</span></a>
                                            </li>
                                        </el-menu-item>
                                    </el-submenu>
                                <el-submenu index="9" v-if="rights.indexOf('机组人员管理'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <a class="tooltip-tip ajax-load" href="#" title="机组人员管理">
                                            <i class="icon-document-edit"></i>
                                            <span>机组人员管理</span>
                                        </a>
                                    </template>
                                    <el-menu-item index="9-1">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/flightCrewMgr/certificateMgr/" title="人员资质证书管理"><i class="entypo-doc-text"></i><span>人员资质证书管理</span></a>
                                        </li>
                                    </el-menu-item>
                                </el-submenu>
                                <el-submenu index="10" v-if="rights.indexOf('航班动态'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <a class="tooltip-tip ajax-load" href="#" title="航班动态">
                                            <i class="icon-document-edit"></i>
                                            <span>航班动态</span>
                                        </a>
                                    </template>
                                    <el-menu-item index="10-1">
                                    <li>
                                        <a class="tooltip-tip2 ajax-load" href="#/flightDynamic/" title="航班动态"><i class="entypo-doc-text"></i><span>航班动态</span></a>
                                    </li>
                                </el-menu-item>
                                    <el-menu-item index="10-2">
                                <li>
                                    <a class="tooltip-tip2 ajax-load" href="#/productionCase/" title="生产实况"><i class="entypo-doc-text"></i><span>生产实况</span></a>
                                </li>
                            </el-menu-item>
                                    <el-menu-item index="10-3">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/flightPlane/interimFlight/" title="临时航班"><i class="entypo-doc-text"></i><span>临时航班</span></a>
                                        </li>
                                    </el-menu-item>
                                <el-menu-item index="10-4">
                                    <li>
                                        <a class="tooltip-tip2 ajax-load" href="#/processDetails/" title="进程监控"><i class="entypo-doc-text"></i><span>进程监控</span></a>
                                    </li>
                                </el-menu-item>
                                </el-submenu>

                            </el-menu>

                            <el-menu  :unique-opened="true"  class="el-menu-vertical-demo" style="margin-top: 20px;" :collapse="leftExtend">
                            <el-submenu index="1"  v-if="rights.indexOf('系统配置'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <li>
                                            <a class="tooltip-tip ajax-load" href="#" title="系统配置">
                                                <i class="icon-gear"></i>
                                                <span>系统配置</span>
                                            </a>
                                        </li>
                                    </template>
                                    <el-menu-item >
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/sysSetting/rooms" title="房间配置"><i class=""><img src="/dam/icon/room.svg" style="height:16px"></i><span>房间配置</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="1-1">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/flightInfo/query/" title="航空器基础信息管理"><i class="entypo-flight"></i><span>航空器基础信息管理</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item index="1-2">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/sysSetting/contractManage/" title="合同配置"><i class="entypo-doc-text"></i><span>合同配置</span></a>
                                        </li>
                                    </el-menu-item>
                                   <el-menu-item index="1-3">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/sysmgr/deptMgr/duty" title="值班配置"><i class="entypo-doc-text"></i><span>值班配置</span></a>
                                        </li>
                                   </el-menu-item>
                                    <el-menu-item index="1-4">
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/groundServiceScheduling/scheduling2/" title="地服项目配置"><i class="entypo-doc-text"></i><span>地服项目配置</span></a>
                                        </li>
                                    </el-menu-item>
                            </el-submenu >

                            <el-submenu index="2"  v-if="rights.indexOf('系统管理'.hashCode().toString())!=-1||!rights.init">
                                    <template slot="title">
                                        <li>
                                            <a class="tooltip-tip ajax-load" href="#" title="">
                                                <i class="icon icon-user-group"></i>
                                                <span>系统管理</span>
                                            </a>
                                        </li>
                                    </template>
                                    <el-menu-item >
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/sysmgr/userMgr/" title="用户管理"><i class="entypo-user"></i><span>用户管理</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item >
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/sysmgr/fboRoleMgr/" title="角色管理"><i class=""><img src="/dam/icon/role.svg" style="height:16px"></i><span>角色管理</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item >
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/sysmgr/fboModuleMgr/" title="权限管理"><i class=""><img src="/dam/icon/power.svg" style="height:16px"></i><span>权限管理</span></a>
                                        </li>
                                    </el-menu-item>
                                    <el-menu-item >
                                        <li>
                                            <a class="tooltip-tip2 ajax-load" href="#/sysmgr/deptMgr/dept" title="部门管理"><i class=""><img src="/dam/icon/dept.svg" style="height:16px"></i><span>部门管理</span></a>
                                        </li>
                                    </el-menu-item>
                                </el-submenu >
                            </el-menu>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END OF SIDE MENU -->



            <!--  PAPER WRAP -->
            <div class="wrap-fluid"  style="" :class="!leftExtend?'left-no-extend':'left-extend'"  >
                <div class="container-fluid paper-wrap bevel tlbr" >
                    <!-- CONTENT -->
                    <!--TITLE -->
                    <div class="row">
                        <div id="paper-top">
                            <div class="col-lg-3">
                                <h2 class="tittle-content-header">
                                    <i class="icon-window"></i>
                                    <span>{{tittle}}
                                    </span>
                                </h2>

                            </div>

                        </div>
                    </div>



                    <!-- END OF BREADCRUMB -->

                    <div class="content-wrap">
                        <div class = "row">
                            <router-view></router-view>
                        </div>

                        <!-- /END OF CONTENT -->



                        <!-- FOOTER -->
                        <div class="footer-space"></div>
                        <#--<div id="footer">-->
                            <#--<div class="devider-footer-left"></div>-->
                            <#--<div class="time">-->
                                <#--<p id="spanDate">-->
                                <#--<p id="clock">-->
                            <#--</div>-->
                            <#--&lt;#&ndash;<div class="copyright">Make with Love&ndash;&gt;-->
                                <#--&lt;#&ndash;<span class="entypo-heart"></span>Collect from <a href="http://www.cssmoban.com/" title="北明软件" target="_blank">北明软件</a> All Rights Reserved</div>&ndash;&gt;-->
                            <#--&lt;#&ndash;<div class="devider-footer"></div>&ndash;&gt;-->


                        <#--</div>-->
                        <#--<!-- / END OF FOOTER &ndash;&gt;-->


                    </div>
                </div>
            </div>
        </template>
    </div>


<!-- RIGHT SLIDER CONTENT -->

    <div style="text-align:center;">

    <p><a href="#" target="_blank" title="北明软件">北明软件</a><a href="#" title="网页模板" target="_blank">北明软件</a></p>
</div>
</div>
</body>

</html>


<content tag="javascript">
    <!-- END OF RIGHT SLIDER CONTENT-->
    <script type="text/javascript">
        var replaceAll = function(org,str,rep){
            while(org.indexOf(str)!=-1){
                org=org.replace(str,rep);
            }
            return org;
        }
        if(document.cookie.indexOf('url')!=0){
            var a=document.cookie.split(";");
            a.forEach(function(data){
                var b=data.split("=")
                if(b[0].trim()=='url'){
                    $("body").css({
                        "background": replaceAll(b[1],'~',' ')
                    });
                }
            })
        }
    </script>

    <script type="text/javascript">
        $('#getting-started').countdown('2015/01/01', function(event) {
            $(this).html(event.strftime(

                    '<span>%M</span>' + '<span class="start-min">:</span>' + '<span class="start-min">%S</span>'));
        });
        $(function() {
            function operatorCooies(url){
                url=replaceAll(url,' ','~')
                $.post(basepath+"/api/userSetting/backImage?url="+url);
            }

            $("#button-bg").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/bg5.jpg')no-repeat center center fixed");
                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/bg5.jpg')no-repeat center center fixed"
                });
            });
            $("#button-bg2").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/bg2.jpg')no-repeat center center fixed")
                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/bg2.jpg')no-repeat center center fixed"
                });
            });


            $("#button-bg3").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/bg.jpg')no-repeat center center fixed")

                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/bg.jpg')no-repeat center center fixed"
                });


            });

            $("#button-bg5").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/giftly.png')repeat")

                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/giftly.png')repeat"
                });

            });

            $("#button-bg6").click(function() {

                operatorCooies("#20A0FF")
                $("body").css({
                    "background": "#20A0FF"
                });

            });

            $("#button-bg7").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/bg3.png')repeat")

                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/bg3.png')repeat"
                });

            });
            $("#button-bg8").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/bg8.jpg')no-repeat center center fixed")

                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/bg8.jpg')no-repeat center center fixed"
                });
            });
            $("#button-bg9").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/bg9.jpg')no-repeat center center fixed")

                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/bg9.jpg')no-repeat center center fixed"
                });
            });

            $("#button-bg10").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/bg10.jpg')no-repeat center center fixed")
                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/bg10.jpg')no-repeat center center fixed"
                });
            });
            $("#button-bg11").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/bg11.jpg')no-repeat center center fixed")

                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/bg11.jpg')no-repeat center center fixed"
                });
            });
            $("#button-bg12").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/bg12.jpg')no-repeat center center fixed")
                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/bg12.jpg')no-repeat center center fixed"
                });
            });

            $("#button-bg13").click(function() {
                operatorCooies("url('${mvcPath}/res/assets/img/bg13.jpg')repeat")
                $("body").css({
                    "background": "url('${mvcPath}/res/assets/img/bg13.jpg')repeat"
                });
            });
            /**
             * Background Changer end
             */

            $(".topnav").accordionze({
                accordionze: true,
                speed: 500,
                closedSign: '<img src="${mvcPath}/res/assets/img/plus.png">',
                openedSign: '<img src="${mvcPath}/res/assets/img/minus.png">'
            });

            $(document).ready(function() {
                var mySlidebars = new $.slidebars();

                $('.toggle-left').on('click', function() {
                    mySlidebars.toggle('right');
                });
            });

            $(".nano").nanoScroller({
                //stop: true
                scroll: 'top',
                scrollTop: 0,
                sliderMinHeight: 40,
                preventPageScrolling: true
                //alwaysVisible: false

            });




        });

    </script>

    <script>
        var app={};
        var gMain = {
            verson:"1.0"
            ,basePath:"/vue+seajs/"
        };
        seajs.config({
            base: "${mvcPath}/res"  //seajs的基础路径（组织人事，元数据项目的模块）
            ,charset: 'utf-8'
            ,map: [[ /^(.*\.(?:css|js|html))(.*)$/i, '$1?v=_VERSION_'+'-'+gMain.verson]]  //加上版本号，清缓存用
            //公共路径
            ,paths:{
            }
        });
        $(function () {
            app= seajs.use(["app.js"]);
        });
    </script>

</content>

